import { StyleSheet } from 'react-native';
import { phonePx } from '../../../../util/adapt';

export default StyleSheet.create({
  container: {
    width: phonePx(110),
    height: phonePx(40),
    marginTop: phonePx(5),
    borderRadius: phonePx(6),
    backgroundColor: 'rgba(42, 42, 42, 0.7)',
    padding: phonePx(5),
    flexDirection: 'row',
    alignItems: 'center'
  },
  icon: {
    width: phonePx(30),
    height: phonePx(30),
    borderRadius: phonePx(5)
  },
  line: {
    width: phonePx(1),
    backgroundColor: '#ffffff',
    borderRadius: phonePx(1),
    marginHorizontal: phonePx(1)
  },
  content: {
    height: phonePx(30),
    justifyContent: 'space-between',
    marginLeft: phonePx(5)
  },
  desc: {
    fontSize: phonePx(10),
    lineHeight: phonePx(14),
    fontWeight: '500',
    color: '#ffffff',
    width: phonePx(65)
  },
  microphoneContent: {
    flexDirection: 'row',
    alignItems: 'flex-end'
  },
  microphone: {
    width: phonePx(7),
    height: phonePx(11),
    marginRight: phonePx(5)
  }
});
